<?php
session_start();
include ("admin/classes/Pagina.php");
include ("admin/classes/Galeria.php");
include ("admin/classes/Video.php");
?>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!--<link rel="stylesheet" type="text/css" href="_recursos/jquery.ad-gallery/jquery.ad-gallery.css">-->
        <link rel="stylesheet" type="text/css" href="_recursos/css/estilo.css">
        <title>Marina São Pedro</title>
    </head>
    <body>
        <div class="topo-fundo">
            <img onclick="showLogin()" class="admin" title="Administrador" src="_recursos/imagens/login.png"/>
            <img title="Início" onclick="redirecionar('index.php')" src="_recursos/imagens/topo-marina.png"/>
        </div>
        <div id="left" class="slide-show">
            <img class="" src="_recursos/imagens/topo-1.jpg"/>
            <img class="" src="_recursos/imagens/topo-2.jpg"/>
            <img class="" src="_recursos/imagens/topo-3.jpg"/>
            <img class="" src="_recursos/imagens/topo-4.jpg"/>
            <img class="" src="_recursos/imagens/topo-5.jpg"/>
        </div>
        <div class="base">
            <div class="espacamento"></div>
            <div class="conteudo">
                <div class="baseTitulo">
                    <table class="titulo">
                        <tr>
                            <td>
                                <img src="_recursos/imagens/fotos.png"/>
                            </td>
                            <td>
                                <h1>Fotos e Vídeos</h1>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="base-menu">
                    <div class="menu">
                        <div class="menu-item" onclick="redirecionar('index.php')">
                            <span><span class="img"></span>Início</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('pescaria.php')">
                            <span><span class="img"></span>Pescaria</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('aulas_praticas.php')">
                            <span><span class="img"></span>Aulas Práticas</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('cursos.php')">
                            <span><span class="img"></span>Cursos</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('garagens.php')">
                            <span><span class="img"></span>Garagens Náuticas</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('eventos.php')">
                            <span><span class="img"></span>Eventos</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('produtos.php')">
                            <span><span class="img"></span>Embarcações a Venda</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('fotos_videos.php')">
                            <span><span class="img"></span>Fotos e Vídeos</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('quem_somos.php')">
                            <span><span class="img"></span>Quem Somos</span>
                        </div>
                        <div class="menu-item" onclick="redirecionar('contatos.php')">
                            <span><span class="img"></span>Contatos</span>
                        </div>
                    </div>
                </div>
                <div class="base-conteudo">
                    <h3>Galerias</h3>
                    <div>
                        <?php
                        $g = new Galeria();
                        $g->selecionarTudoParaUsuario();
                        ?>
                    </div>
                    <!--                    <div id="gallery" class="ad-gallery conteudo-texto" style="width: 90%; padding: 20px; margin: auto; display: none">
                                            
                                        </div>-->
                    <div id="fotos"></div>
                    <div id="descriptions"></div>    
                    <br/><br/>
                    <h3>Vídeos</h3>
                    <?php
                    $v = new Video();
                    $v->selecionarTudo(false);
                    ?>
                </div>
            </div>
        </div>
        <div class="rodape">
            <div class="conteudo">
                <div style="width: 37%" class="item">
                    <h3>Participe</h3>
                    <span>
                        Inscreva-se em nossas redes sociais e acompanhe nossas novidades.
                    </span>
                </div>
                <div style="width: 32%" class="item">
                    <h3>Compartilhe</h3>
                    <span>
                        Gostou de nosso site? Compartilhe com seus amigos nas redes sociais!
                    </span>
                </div>
                <div  style="width: 21%" class="item">
                    <h3>Contatos</h3>
                    <span>(13) 3422-1345</span>
                    <span>(13) 7813-8419 </span>
                    <span>ID 120*25015 </span>
                    <span>contato@marinasaopedro.com.br</span>
                </div>
            </div>
        </div>
    </body>
    <script type="text/javascript" src="_recursos/js/suporte.js"></script>
    <script type="text/javascript" src="_recursos/js/jquery-1.7.2.min.js"/></script>
<script type="text/javascript" src="_recursos/jquery.ad-gallery/jquery.ad-gallery.min.js"/></script>
<script type="text/javascript" src="_recursos/js/imageScroller.js"/></script>
´<link rel="stylesheet" type="text/css" href="_recursos/js/fancybox/jquery.fancybox-1.3.4.css">
<script type="text/javascript" src="_recursos/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="_recursos/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
                $(document).ready(function() {
                    $("#left").imageScroller({speed: '10000', direction: 'left'});
                });

                var selecionado;

                function selecionarGaleria(e) {
                    $('#gallery').hide();
                    $('#gallery').html('<div class="ad-image-wrapper"></div><div class="ad-controls"></div><div class="ad-nav"><div class="ad-thumbs"><ul id="fotos" class="ad-thumb-list"></ul></div></div>')

                    if (selecionado) {
                        $(selecionado).css('display', 'none');
                    }
                    selecionado = e.getElementsByTagName('img')[0];
                    $(selecionado).css('display', 'inline-block');

                    var galeria = e.getElementsByTagName('span')[0].innerHTML;
                    showBoxCarregando("Carregando Fotos...");
                    $.ajax({
                        type: 'POST',
                        url: CONTEXT + '/admin/classes/Controler.php',
                        data: {
                            classe: 'Galeria',
                            metodo: 'selecionarFotos',
                            galeria: galeria
                        },
                        success: function(resp) {
                            hideBoxNow(true);
                            var imagens = resp.split(',');
                            if (imagens.length > 1) {
                                var html = [];
                                var c = 0;

                                for (var i = 0; i < imagens.length; i++) {
                                    if (imagens[i]) {
                                        if (i == 0 || i % 3 == 0) {
                                            if (i > 0) {
                                                html[c++] = '</div">';
                                            }

                                            html[c++] = '<div class="produtos">';
                                        }

                                        html[c++] = '<div class="fotos2">';
                                        html[c++] = '   <a rel="group" href="' + CONTEXT + '/admin/galeria/fotos/files/' + galeria + '/' + imagens[i] + '">';
                                        html[c++] = '       <img style="width: 250px" src="' + CONTEXT + '/admin/galeria/fotos/files/' + galeria + '/small/' + imagens[i] + '" class="image' + i + '"/>';
                                        html[c++] = '   </a>';
                                        html[c++] = '</div>';
//                                        html[c++] = '<li>';
//                                        html[c++] = '   <a href="' + CONTEXT + '/admin/galeria/fotos/files/' + galeria + '/' + imagens[i] + '">';
//                                        html[c++] = '       <img style="max-width: 100px; max-height: 100px" src="' + CONTEXT + '/admin/galeria/fotos/files/' + galeria + '/small/' + imagens[i] + '" class="image' + i + '"/>';
//                                        html[c++] = '   </a>';
//                                        html[c++] = '</li>';
                                    }
                                }

                                html[c++] = '</div>';

                                $("#semGaleria").remove();
                                $('#fotos').html(html.join(''));
                                $("a[rel=group]").fancybox();
//                                $("#gallery").show();
//                                $("#gallery").adGallery();

                            } else {
                                alert('Essa galeria ainda não possui fotos.');
                            }
                        },
                        error: function(resp) {
                            hideBox(true);
                            alert(resp);
                        }
                    });
                }
</script>
</html>
